@charset "utf-8";
body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, select, table, td, textarea, th, ul { margin: 0; padding: 0; font-family: 'microsoft yahei', Verdana, Arial, Helvetica, sans-serif; font-weight: 400; word-break: break-all; word-wrap: break-word; }
body, button, input, select, table, textarea { margin: 0; -webkit-appearance : none; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, sam { display: block; }
body {/* min-width: 320px;   max-width: 750px;*/ margin: 0 auto 0; font-family: "Microsoft YaHei";   color: #323232; line-height: 1.5; font-size: 12px; -webkit-overflow-scrolling:touch; overflow-scrolling:touch;}
h1, h2, h3, h4, h5, h6 { font-size:12px; }
fieldset, img { border: 0 }
img { max-width: 100%; vertical-align: top; }
ol, ul { list-style: none }
address, em, i { font-style: normal }
a { text-decoration: none; color: #323232; }
a:hover{ color: #88C939;}
button, input { line-height: normal; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
button[disabled], html input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { padding: 0; box-sizing: border-box; }
input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;}

.clear { diplay: block!important; float: none!important; clear: both; overflow: hidden; width: auto!important; height: 0!important; margin: 0 auto!important; padding: 0!important; font-size: 0; line-height: 0; height:0; }
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
*:before,*:after {  -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;} 

.w_100{ float: left; width: 100%;}
.wapper{-webkit-box-sizing: border-box; box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;  
  width: 100%;
  max-width: 1280px;
  padding: 0;
}
.opal95{filter:alpha(Opacity=95);-moz-opacity:0.95;opacity: 0.95;}
.opal8{filter:alpha(Opacity=8);-moz-opacity:0.8;opacity: 0.8;}



[class*="bj-lr-"] { padding: 0 10px;  }
[class*="bj-tb-"] { margin:10px 0;  }

.wapper:before,.wapper:after {
  content: " ";
  display: table;
}
.wapper:after {
  clear: both;
} 
/*.col-1 {  width: 8.33333333%;  }
.col-2 {  width: 16.66666667%;  }
.col-3 {  width: 25%;  }
.col-4 {  width: 33.33333333%;  }
.col-5 {  width: 41.66666667%;  }
.col-6 {  width: 50%;  }
.col-7 {  width: 58.33333333%;  }
.col-8 {  width: 66.66666667%;  }
.col-9 {  width: 75%;  }
.col-10 {  width: 83.33333333%;  }
.col-11 {  width: 91.66666667%;  }
.col-12 {  width: 100%;  }*/
.col-1{width:calc(8.33333333%)}.col-2{width:calc(16.66666667%)}.col-3{width:calc(25%)}.col-4{width:calc(33.33333333%)}.col-5{width:calc(41.66666667%)}.col-6{width:calc(50%)}.col-7{width:calc(58.33333333%)}.col-8{width:calc(66.66666667%)}.col-9{width:calc(75%)}.col-10{width:calc(83.33333333%)}.col-11{width:calc(91.66666667%)}.col-12{width:calc(100%)}
.col-li1 > li {  width: 100%;  }
.col-li1 > li:nth-of-type(n) { clear: none;  }
.col-li1 > li:nth-of-type(1n + 1) { clear: both;  }
.col-li2 > li {  width: 50%;  }
.col-li2 > li:nth-of-type(n) { clear: none;  }
.col-li2 > li:nth-of-type(2n + 1) { clear: both;  }
.col-li3 > li {  width: 33.33333333%;  }
.col-li3 > li:nth-of-type(n) { clear: none;  }
.col-li3 > li:nth-of-type(3n + 1) { clear: both;  }
.col-li4 > li {  width: 25%;  }
.col-li4 > li:nth-of-type(n) { clear: none;  }
.col-li4 > li:nth-of-type(4n + 1) { clear: both;  }
.col-li5 > li {  width: 20%;  }
.col-li5 > li:nth-of-type(n) { clear: none;  }
.col-li5 > li:nth-of-type(5n + 1) { clear: both;  }
.col-li6 > li {  width: 16.66666667%;  }
.col-li6 > li:nth-of-type(n) { clear: none;  }
.col-li6 > li:nth-of-type(6n + 1) { clear: both;  }
.col-li7 > li {  width: 14.28571429%;  }
.col-li7 > li:nth-of-type(n) { clear: none;  }
.col-li7 > li:nth-of-type(7n + 1) { clear: both;  }
.col-li8 > li {  width: 12.5%;  }
.col-li8 > li:nth-of-type(n) { clear: none;  }
.col-li8 > li:nth-of-type(8n + 1) { clear: both;  }
.col-li9 > li {  width: 11.11111111%;  }
.col-li9 > li:nth-of-type(n) { clear: none;  }
.col-li9 > li:nth-of-type(9n + 1) { clear: both;  }
.col-li10 > li {  width: 10%;  }
.col-li10 > li:nth-of-type(n) { clear: none;  }
.col-li10 > li:nth-of-type(10n + 1) { clear: both;  }
.col-li11 > li {  width: 9.09090909%;  }
.col-li11 > li:nth-of-type(n) { clear: none;  }
.col-li11 > li:nth-of-type(11n + 1) { clear: both;  }
.col-li12 > li {  width: 8.33333333%;  }
.col-li12 > li:nth-of-type(n) { clear: none;  }
.col-li12 > li:nth-of-type(12n + 1) { clear: both;  }
} 
[class*="col-li-"] > li{ float: left;}

.fl{ float: left;}
.fr{ float: right;}
/*新闻产品图片的比例值*/
.nwImg{   height: 0; padding-bottom: 68%;/**图片的比例值**/overflow: hidden;   width: 100%;  }

.cpImg{ height: 0; padding-bottom: 75%;/**图片的比例值**/ overflow: hidden; width: 100%;}

.nwImg img,.cpImg img{	width: 100%; height: auto; } 

.bline{ border-bottom: 1px solid #dedede; height: 2px; overflow: hidden; }
 .banner{position: relative;  overflow: hidden;clear: both;}
.banner:before{content: "";position: absolute;width: 100%;height:142px;left: 0;bottom: 0;/*background:url(../images/bannerbg.png) no-repeat center 0;*/z-index: 2;}

.img_100{ width: 100%;  }


.comR p{ display: inline-block; width: 100%;  }

.inNav{ text-align: center;  color: #868686; display: inline-block; width: 100%;}
.inNav span{ display: block;   color: #333;}

.alList .hd{   text-align:center;  }
.alList .hd li{  float:left; zoom:1;    overflow:hidden;   cursor:pointer;   }
	
.alList .hd li a{ width:100%;  display:inline-block;   }
.alList .hd .on a{    color: #fff; background-color: #88c939; }
.alList{ width:100%;    position:relative; overflow:hidden; background:#fff; text-align:center;   }

.alList .bd li{    overflow:hidden; position: relative; }
.alList .bd li img{ display:block;  width: 100%;    }
.alList .tempWrap{ overflow:visible !important }
	 
.alList .bd li .alCom{ position: absolute; bottom: 0; width: 100%;  color: #fff;background:#333; filter:alpha(opacity=80);opacity:0.8; }

 
.stand li{ float: left; background: #eef3ee;float: left;border-radius: 3px; text-align: center;}
.stand li img{ -webkit-transition:all .5s linear;-webkit-transition:all .5s linear;display: block;margin: 0 auto;}
.stand li:hover img{opacity:1; visibility:visible; -webkit-transform: rotateY(360deg); transform: rotateY(360deg);}
.stand li p{    color: #666;}
.zx{ width: 30%; border: 1px solid #9fa09f; padding: 5px 20px;}


.fwList li{ float: left; padding: 0 5px; }
.fwList li a{ float: left;position: relative; width: 100%;text-align: center;}
.fwList li h3{ position: absolute; height: 100%; bottom: 0; background:#4e822f; width: 100%; padding: 0 15px; left: 0;  color:#fff; filter:alpha(opacity=80);opacity:0.8; padding-top: 70%;    }


.newsL h3{ position: relative; text-align: right; height: 48px; line-height: 48px;}
.newsL h3:before{content:"";position: absolute;width:105px;height:3px;left: 0;top:45px;background: #34ab37;}
 
.newR li{ border-bottom: 1px dashed #9fa09f; padding-bottom: 20px;}

.newR li span{ background-color:#88C939; color: #fff;}
.newsL p,.newR p{ line-height: 28px; color: #666;}


footer{ background:url(../images/ftbg.gif) repeat; color: #fff;}
footer h3{ border-bottom: 1px solid #57a679;   }
footer h3 a{  color: #fff;}
footer .col-6{ line-height: 38px;}
footer .col-6 h5{   padding: 10px 0;}

.flink{border-top: 1px solid #57a679; line-height: 22px;}
.flink a{ margin: 0 5px; color: #fff;}
.ftBg{ background-color: #131313;}
.ftBg h4{   color: #fff; padding: 15px 0;}
 
.ftBg h4 a{ color: #fff;}


.npage{  text-align:center; color: #333;   padding:10px 0; margin:10px 0; float:left; width:100%; }
.npage a{ margin:0 5px; border:1px solid #88c939; padding:5px 8px;}
.npage a:hover{ background-color:#88c939; color:#fff;}

.cplist li{  float: left;}
.cplist li a{ border: 1px solid #DEDEDE; display: inline-block; width: 100%;}
.cplist li p{ color: #666;}
.cplist li a:hover{border: 1px solid #128343; }


.cpL { position: relative;  }
	.cpL .pic{ position:relative; z-index:0; }
	.cpL .pic img {  display: block; }
	 
	.cpL .prev,
	.cpL .next { width: 30px; height: 60px; margin: -60px 0 0; display: none;   background: url(../images/ad_ctr.png) no-repeat -9px -14px; position: absolute; top: 52%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=80);opacity:0.8;  }
	.cpL .prev { left: 0; }
	.cpL .next { background-position:-19px -102px; right: 0; }
	.cpL .prev:hover,
	.cpL .next:hover { filter:alpha(opacity=60) !important;opacity:0.6 !important;  }
	

.cpms h4{ height: 52px; line-height: 52px; border-bottom: 1px solid #DEDEDE;}
.cpms p{ padding: 15PX 0; line-height: 28px; color: #525252;}